<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<title>Document</title>
	<link rel="stylesheet" href="css/common.css">
	<link rel="stylesheet" href="css/swiper.min.css">
	<link rel="stylesheet" href="css/font-awesome.min.css">
	<script src="js/jquery.js"></script>
	<script src="js/swiper.min.js"></script>
	<script src="js/common.js"></script>
</head>
<body>
	<div class="sectionY">
		<a href="javascript:history.back(-1)">
			<img src="images/a4.png" class="a1" alt="">
		</a>
		<p class="p1">注册</p>
	</div>
	<div class="kong1"></div>
	<div class="login_section2 login_section2x " >
		<form action="">
			<div class="f1 clearfix">
				<img src="images/a5.png" class="im1" alt="">
				<input type="text" class="input1" placeholder="请输入手机号">
			</div>
			<div class="f1 clearfix" style="margin-bottom: 0px">
				<img src="images/a2.png" alt="">
				<input type="password" class="input1" placeholder="请输入验证码">
				<span class="sr_btn">获取验证码</span>
			</div>
			<div class="f1 clearfix" style="margin-bottom: 0px">
				<img src="images/a3.png" alt="">
				<input type="text" class="input1" placeholder="请输入用户名">
			</div>
			<div class="f1 clearfix" style="margin-bottom: 0px">
				<img src="images/a3.png" alt="">
				<input type="password" class="input1" placeholder="请设置登录密码">
			</div>
			<div class="f1 clearfix" style="margin-bottom: 0px">
				<img src="images/a3.png" alt="">
				<input type="password" class="input1" placeholder="请再次确认登录密码">
			</div>
			<div class="f1 clearfix" style="margin-bottom: 0px">
				<img src="images/a3.png" alt="">
				<input type="password" class="input1" placeholder="请设置交易密码">
			</div>
			<div class="f1 clearfix" style="margin-bottom: 0px">
				<img src="images/a3.png" alt="">
				<input type="password" class="input1" placeholder="请再次确认交易密码">
			</div>
			<div class="f1 clearfix" style="margin-bottom: 0px">
				<img src="images/a7.png" alt="">
				<input type="text" class="input1" placeholder="请输入推荐人">
			</div>
			<div class="sub">
				<button class="but1">提交注册</button>
			</div>
		</form>
	</div>
</body>
<script>
	$(function(){
		// 验证码
		$(".sr_btn").click(function(){
			var sm = $(".sr_btn").text();
			console.log(sm);
			if (sm=="获取验证码"||sm=="重新发送") {
				var data = 3;
				var dd = setInterval(function(){
					if(data <= 0){
						$(".sr_btn").text("重新发送");
						clearInterval(dd);
						return;
					}
					data--;
					$(".sr_btn").text(data+'s')
				},1000)
			}
			
		})
	})
</script>
</html>